﻿/*
	Lifted straight from here: http://www.devinrolsen.com/pure-css-vertical-menu/ 
*/

/* Top level is held in a div */
#verticalmenu {font-size:0.75em; width:150px;}
#verticalmenu ul {margin:0; padding:0;}
#verticalmenu li {list-style: none;}
		
#verticalmenu ul.top-level {background:#666;}
#verticalmenu ul.top-level li {
	border-bottom: #fff solid;
	border-top: #fff solid;
	border-width: 1px;
	}

#verticalmenu a {
	color: #fff;
	cursor: pointer;
	display:block;
	height:25px;
	line-height: 25px;
	text-indent: 10px;                   
	text-decoration:none;
	width:100%;
	}
#verticalmenu a:hover{
	text-decoration:underline;
	}
#verticalmenu li:hover {
	background: #f90;
	position: relative;
	}			

/* Sub Level comes off top level */
#verticalmenu ul.sub-level {
	display: none;
	}
#verticalmenu li:hover .sub-level {
	background: #999;
	border: #fff solid;
	border-width: 1px;
	display: block;
	position: absolute;
	left: 75px;
	top: 5px;
	}
#verticalmenu ul.sub-level li {
	border: none;
	float:left;
	width:150px;
	}	

#verticalmenu .sub-level {
	background: #999;
	}
